.systemindex {
    width: 100%;
    height:100%;
    background-color: #e9f2ff;
    box-sizing: border-box;
    // .systemindex_center {
    //     width: 100%;
        
    //     display: flex;
    //     justify-content: space-between;
    //     background-color: white;
    //     padding-right: 40px;
    // }
    .top_index {
        width: 100%;
        height: 80px;
        // background-color: aqua;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
        .green_box {
            width: 240px;
            height: 70px;
            background-color: #00ff00;
            border-radius: 10px;
           
            color: #FFF;
            font-size: 18px;
            .yibai {
                margin: 12px 15px;
                font-size: 14px;
            }
        }
    }
    .echarts {
        width: 100%;
        height: 300px;
        // background-color: aqua;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .one {
            width: 410px;
            height: 250px;
            background-color: #fff;
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 25px;
            overflow: hidden;
        }
    }
    .bottom_echarts {
        width: 100%;
        height: 180px;
        // background-color: aqua;
        background-color: #fff;
        margin-top: 20px;
    }
}